

*{margin: 0; padding: 0;}
    ul,ol,li{list-style: none;}
    a{text-decoration: none;}
    i,em{font-style:normal;}
    .header,.nav,.shop_main_hot,.star_box{width:1200px; margin:0 auto;}
    
    /*====  header ====*/
    /*====  header ====*/
    #header{height:24px; background:black;}
    #header .header{height:24px; margin: 0 auto;}
    #header .header .header_box{height:100%; float:left; margin-left:11px;}
    #header .header .header_box>li{height:14px; line-height: 14px; padding: 0 14px;
     border-right: 1px solid #9e9e9e; float: left; margin-top:6px; position:relative;}
    #header .header .header_box>li:first-of-type{padding-left: 0;}
    #header .header .header_box li .secondMenu{width:99%; position:absolute; z-index: 10; padding:8px 0; left:0; border:1px solid #d3d3d3; background:#fff; height:0; display: none;}
    #header .header .header_box li .secondMenu>li{height:36px; margin-left: 12px; line-height: 36px;}
    #header .header .header_box li .secondMenu>li>a{color:#333; display: block; height: 100%; line-height: 36px;}
    .secondMenu>li>a:hover{color:#e2231a!important;}
    #header .header .header_box li:last-of-type{border: 0;}
    #header .header .header_box li:last-of-type ul{width:252px; height:0px; background:url(../img/phone_second.png) no-repeat center; position:absolute; left: 0; z-index: 199; display: none;}
    #header .header .header_box li .iconfont{font-weight: bolder; display:inline-block; line-height: 24px; margin-left:1px;}
    
    #header .header a{display: block; color:#9e9e9e; font-size: 11px; height:14px; line-height: 14px;}
    #header .header .news{width:350px; height:18px; float: left; padding-top:6px; margin-left:80px; position:relative;}
    #header .header .news a,i{float: left;}
    #header .header .news a{position:absolute; left:20px;}
    #header .header .iconfont{font-size: 11px; }
    #header .header .news .iconfont{color:#9E9E9E; font-size: 12px; height:12px; line-height:16px; margin-right:5px;}
    
   /*==== nav ====*/
    #nav{height:74px; background:#eee; position:relative; }
    #nav .nav,.nav_box,.nav_box{height:100%;}
    #nav .nav{background:#eee; height:65px; padding-top: 9px;}
    #nav .fix{position:fixed; top:0; z-index: 999; height:57px; width: 100%; padding:0 0 0 75px;}
    
    #nav .nav .nav_box{float:left; margin-left:100px;}
    #nav .nav .nav_box>li{float: left; font-size: 16px; height:57px; padding:0 12px; position: relative;}
    #nav .nav .nav_box>li a{display: inline-block; height:57px; line-height:57px; color:#000; }
    #nav .nav .nav_box>li a:hover{color:#e2231a;}
    .nav_hot,.nav_new,.nav_shopping{display: inline-block; width:32px; height:21px; 
    position:absolute; top:6px; right:-15px; z-index:1;}
    #nav .nav .nav_box>li .nav_hot{background:url(../img/hot.png) no-repeat center;}
    #nav .nav .nav_box>li .nav_new{background:url(../img/new.png) no-repeat center;}
    
    #nav .nav .search{width:272px; height:28px; float:left; padding-top:15px; margin-left: 85px; position:relative}
    #nav .nav .search input{width:233px; height:26px; border:1px solid #757575; padding-left:9px; font-size: 9px; float: left;}
    #nav .nav .search em{font-size: 9px; display: inline-block; padding: 1px 5px; color:#757575; position:absolute; left:170px; bottom:5px;}
    #nav .nav .search em:hover{background:#e2231a; color:white;}
    #nav .nav .search>a{float: left; width:28px; height:28px; line-height: 28px; background:#757575;}
    #nav .nav .search a i:hover{background:#e2231a;}
    #nav .nav .search a i{width:100%; font-size: 19px; color: #fff; text-align: center;}
    #nav .nav .search .searchList{position:absolute; z-index: 30; top:100%; border:1px solid #757575; display: none; border-top: 0px; background:#fff; width:270px; }
    #nav .nav .search .searchList li{font-size: 9px; height:25px; line-height: 25px;}
    #nav .nav .search .searchList li:hover{background:#eee;}
    #nav .nav .search .searchList li>a{display:inline-block; width:256px; padding:0 7px; color: #333; font-weight: bold; }
    #nav .nav .search .searchList li>a .right_item{display: inline-block; float: right; color:#bcbcbc; font-size: 11px; font-weight: normal;}
    
    #nav .nav .nav_right{width:140px; height:14px; padding-top: 22px; float:left; position:relative; margin-left:46px;}
    #nav .nav .nav_right .login_out{width:90px; height:14px; float: left;}
    #nav .nav .nav_right .login_out li{height:14px; float:left; font-size: 12px; border-right: 1px solid #333; line-height: 14px;}
    #nav .nav .nav_right .login_out li a{color:#333; display: inline-block; margin: 0 10px;}
    
    #nav .nav .nav_right .shoppingCard{width:20px; height:18px; float: left; margin-left: 10px; position: relative; top:-5px; }
    #nav .nav .nav_right .shoppingCard a{display: block; width:32px; height:21px; font-size: 14px;  color:#111;}
    #nav .nav .nav_right .shoppingCard a i{font-size: 20px;}
    
    #nav .nav .nav_right .shoppingCard .nav_shopping{ text-align: center; color:#fff; font-size: 10px; font-weight: bold; 
    line-height: 21px; background:url(../img/gouwuche.png) no-repeat center; width:22px; top:-6px; left:19px;}
    
    #nav .nav .logo{display: block; position: fixed; z-index: 999; left: 0; top:0; background:yellow; font-size: 0;}

//  banner_navi
    
    .banner_navi {width:190px; min-height:41px; background:#fff; position:absolute; left: 75px; top: 0; border-top:1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
    .banner_navi .list_con_container{width:190px; height:39.5px; border-bottom: 1px solid #e5e5e5; text-align: center; line-height: 41px;}
    .banner_navi .list_con_container:hover{background:#f7f7f7; width: 191px;}
    .banner_navi .list_con_container .list_con_text{color:#000; font-size: 14px; display: inline-block; width:100%; height:100%;}
    .banner_navi .list_con_container .list_con_text:hover{color: red;}
    .banner_navi .list_con_container .list_con_box{height:344px; width:980px; background:#fff; position:absolute; 
     left:191px; top: -1px; background:#fff; padding:30px 35px; background:#f7f7f7; display:none; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
    .banner_navi .list_con_container .list_con_box .content_left{width:712px; height:370px; float: left;}
    .banner_navi .list_con_container .list_con_box .content_left p{height:24px; font-size: 12px; text-align: left; line-height: 24px;}
    .banner_navi .list_con_container .list_con_box .content_left ul{min-height:23px; overflow: hidden; margin-left: 56px; border-bottom: 1px solid #e5e5e5; margin-bottom: 12px; }
    .banner_navi .list_con_container .list_con_box .content_left ul>li{font-size: 11px; height:16px; padding:0 12px; margin-bottom: 5px; line-height: 16px; border-left: 1px solid #e5e5e5; float: left; }
    .banner_navi .list_con_container .list_con_box .content_left ul>li>a{color:#000;}
    .banner_navi .list_con_container .list_con_box .content_left ul>li>a:hover{color:red;}
    .banner_navi .list_con_container .list_con_box .right{width:252px; height:370px; float: left;}
    
    
//底部悬浮框
.fixed_hot_container{height: 91px; background:#000; opacity: 0.8; position:fixed; bottom: 0; width: 100%; z-index:300; //display: none;
    .fixedHot{height:73px; padding-left: 92px; border-bottom: 1px solid #9c9c9c; padding-top: 16px;
        .hot_top_item{position: relative;  height: 50px; float: left; margin: 0 42px; cursor: pointer;
            img{position: absolute; margin-left:3.5px; font-size: 0px;}
            img:last-of-type{display: none;}
            a{font-size: 11px; display: inline-block; height: 11px; line-height: 11px; color:#9C9C9C; margin-top: 39px;}
        }
    }
    .iconfont{color:#fff; position:absolute; top:2px; right:2px; font-size: 23px;}
}

//右侧悬浮框

#stairRight{
    width:47px;
    min-height:55px;
//  background:#ccc;
    position:fixed;
    z-index:100;
    right:5px;
    top:150px;
    display: none;
    li{
        width:47px;
        height:55px;
        background:url(../img/right_sprit.png) no-repeat;
        position:relative;
        &:first-child{background-position: -1308px -322px;
            &:hover{background-position: -1308px 0px;}
            .hotLine_secondMenu{width:194px; min-height:51px; position:absolute; left:-259px; top:0; background:#fff; display: none; opacity: 0;
                li{
                    width:100%;
                    height:51px;
                    background:url(../img/right_sprit.png) no-repeat;
                    &:first-child{background-position: -444px 0;
                        &:hover{background-position: -174px 0;}
                    }
                    &:nth-child(2){background-position: -444px -51px;
                        &:hover{background-position: -174px -51px;}
                    }
                    &:nth-child(3){background-position: -444px -102px;
                        &:hover{background-position: -174px -102px;}
                    }
                    &:nth-child(4){background-position: -444px -153px;
                        &:hover{background-position: -174px -153px;}
                    }
                    &:nth-child(5){background-position: -444px -204px;
                         &:hover{background-position: -174px -204px;}
                    }
                    &:nth-child(6){background-position: -444px -255px;
                         &:hover{background-position: -174px -255px;}
                    }
                    &:nth-child(7){background-position: -444px -306px;
                         &:hover{background-position: -174px -306px;} 
                    }
                }
            }
        }
        &:nth-child(2){background-position: -1308px -377px;
             &:hover{background-position: -1308px -55px;}
             .consult_secondMenu{width:216px; min-height:51px; position:absolute; left:-259px; top:0; background:#fff; display: none; opacity: 0;
                 li{
                    width:100%;
                    height:51px;
                    background:url(../img/right_sprit.png) no-repeat;
                    &:first-child{background-position: -1066px 0;
                        &:hover{background-position: -1072px -276px;}
                    }
                    &:nth-child(2){background-position: -1066px -51px;
                        &:hover{background-position: -1072px -327px;}
                    }
                    &:nth-child(3){background-position: -1066px -102px;
                        &:hover{background-position: -1072px -378px;}
                    }
                 }
             }
        }
        &:nth-child(3){background-position: -1308px -431px;
            &:hover{background-position: -1308px -109px;}
        }
        &:nth-child(4){background-position: -1308px -485px;
            &:hover{background-position: -1308px -163px;}
        }
        &:nth-child(5){background-position: -1308px -539px;
            &:hover{background-position: -1308px -218px;}
            ul{width:230px; min-height:97px; position:absolute; left:-259px; top:0; background:#fff; display: none; opacity: 0;
                li{
                    width:230px; 
                    min-height:97px; 
                    background:url(../img/right_sprit.png) no-repeat -795px 0px;
                    &:hover{background-position:-795px -159px}
                }
            }
        }
        &:nth-child(6){background-position: -1308px -593px; height:20px;
            &:hover{background-position: -1308px -271px;}
        }
        a{display: block; width:100%; height:55px; background:url(../img/right_sprit.png) no-repeat;}
    }
}

//footer
.wrap{height:100%; width:1200px; margin:0 auto;}
#footer{
    height:315px;
    background:#f5f5f5;
    .footer{
        height:315px;
        font-size: 0px;
        text-align: center;
        
        .informations{
            height:140px;
            background:#fff;
            dl{font-size: 12px; padding-top:9px; padding-right: 148px; float: left;
                dt{a{color:#000; display: block; height:32px; line-height: 32px;}}
                dd{a{display: block; color:#555555; height:22px; line-height: 22px;}}
                &:last-child{padding-right: 0;}
            }
        }
        .links{
            height:48px;
            padding:25px 0 20px;
           
            .link_lenovo{
                margin:0 auto;
                font-size:12px;
                color:#6f7170;
                height:16px;
                padding:4px 0;
//              background: yellow;
                text-align: center;
                a{display: inline-block; height:16px; line-height: 16px; font-size:12px; color:#6f7170;}
                span{ margin: 0 8px;}
            }
        }
    }
}